.home {
  width: 100%;
  height: 100vh;

  .main {
    height: ~"calc(100% - 120px)";
    overflow: hidden;
    display: flex;
    .side {
      width: 200px;
      min-width: 150px;
      height: 100%;
      border-right: 1px solid @divider-color;
      padding: 12px;
      .side-group {
        .group-tit {
          display: block;
          padding: 14px 0;
          font-size: 12px;
          color: #999999;
        }
      }
      .side-item {
        display: flex;
        align-items: center;
        color: #313131;
        margin: 6px 0;
        padding: 0 6px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        &:hover {
          background: rgba(243, 243, 243, 0.7);
          border-radius: 6px;
        }
        i {
          margin-right: 6px;
        }
      }
      .active-item {
        background: rgba(243, 243, 243, 0.7);
        border-radius: 6px;
        font-weight: 600;
        font-size: 16px;
      }
    }
    .body {
      width: 100%;
      height: 100%;
      min-width: 900px;
      position: relative;
      overflow: auto;
      .scrollbar;
    }
  }
}
